<div class="table-simple-container">
  <table class="table-simple" border="0" cellspacing="0" cellpadding="0" *ngIf="data && data.length">
    <tr>
      <td *ngFor="let h of header; trackBy: trackByHeader">{{h.label}}</td>
    </tr>
    <tr *ngFor="let d of data; let i = index; trackBy: trackByItem">
      <td *ngFor="let h of header; trackBy: trackByHeader" (mouseover)="showProfile($event, h, d, profileEl)" (mouseout)="hideProfile(h, profileEl)" [ngClass]="{onTd: h.mouseover}">
        <span *ngIf="!!h.span; else normal" [class.span-in-table]="!d[h.span]" (click)="d[h.span] = !d[h.span]">
          {{h.format ? (d[h.key] || '--' | optimizeUnitF10) : (d[h.key] || '--')}}
        </span>
        <ng-template #normal>
          {{h.format ? (d[h.key] || '--' | optimizeUnitF10) : (d[h.key] || '--')}}
        </ng-template>
        <!--ng-container 只渲染内容-->
        <!--<ng-container *ngIf="!h.span">
          {{h.format ? (d[h.key] || '--' | d10000) : (d[h.key] || '--')}}
        </ng-container>-->
      </td>
    </tr>
  </table>
  <div class="managers-profile" [hidden]="!profile" #profileEl>
    <p>{{profile ? '简介：' + profile.background : '无'}}</p>
  </div>
</div>
<div class='tipInfo' *ngIf="!(data && data.length)">
  <h5>查不到相关数据！</h5>
</div>